// 主色调配置变量定义
$--color-white: #fff !default;
$--color-black: #000 !default;
$--color-red: #fb5360 !default;
$--color-green: #38d8a3 !default;
$--color-border: #e5e6eb !default;
$--color-table-border: #e5e6eb !default;
// $--color-text-primary: #32333b !default;
$--color-text-primary: #222f44 !default;
$--color-text-regular: #606266 !default;
$--color-text-secondary: #93959d !default;
$--color-text-placeholder: #c0c4cc !default;
$--color-primary: #5bc3bb !default;
$--color-primary-light-1: mix($--color-white, $--color-primary, 10%) !default;
$--color-primary-light-2: mix($--color-white, $--color-primary, 20%) !default;
// $--color-success: #67c23a !default;
// $--color-warning: #e6a23c !default;
$--color-danger: #f672a5 !default;
// $--color-info: #909399 !default;
$--font-path: "~element-ui/lib/theme-chalk/fonts";
@import "~element-ui/packages/theme-chalk/src/index";

.el {
  &-aside {
    background-color: #3c4b61;
    transition: width 0.04s;
    &.is-collapse {
      width: 64px !important;
      .el-menu {
        &-item {
          span {
            opacity: 0;
          }
          i {
            margin-left: 0px;
          }
        }
      }
    }
  }
}

// 重写定义checkbox背景色样式
.el-checkbox__input.is-indeterminate .el-checkbox__inner,
.el-checkbox__input.is-focus .el-checkbox__inner,
.el-checkbox__input:hover .el-checkbox__inner {
  border: 1px solid #dcdfe6 !important;
}
.el-checkbox__input.is-checked .el-checkbox__inner {
  background: #f672a5 !important;
  border: 1px solid #f672a5;
}
.el-checkbox__input.is-checked + .el-checkbox__label {
  color: #88919f !important;
}

//重写form-label
.el-form-item__label {
  color: #88919f;
}
//重写botton的背景色和边框色
.default_btn{
  border-color: #e4e8ed;
  background-color: #f3f7fa;
}
